<template>
  <el-main class="main">
    <el-col style="padding-top: 0.5rem">
      <div class="ttpp">
        <p>
          提示：大屏体验更佳
        </p>
<!--        <li>-->
<!--          页面可自由放大缩小-->
<!--        </li>-->
<!--        <li>-->
<!--          左侧内容可横向移动-->
<!--        </li>-->
<!--        <li>-->
<!--          大屏体验更佳-->
<!--&lt;!&ndash;          PDF图文在手机横屏或平板、pc端更清晰，适配得也更好&ndash;&gt;-->
<!--        </li>-->
<!--        <li>-->
<!--          只支持pdf和mp4的上传，未做上传进度，最终弹出上传成功才表完成-->
<!--        </li>-->
      </div>

    </el-col>

    <el-row :gutter="10">
      <el-col :span="24">
        <TreeNavigation/>
      </el-col>
    </el-row>

    <el-row :gutter="10">
      <el-col :span="24">
        <LeaveMessages/>
      </el-col>
    </el-row>
<!--    <el-row :gutter="10">-->
<!--      <el-col :span="24">-->
<!--        <MessageList></MessageList>-->
<!--&lt;!&ndash;        <LeaveMessages/>&ndash;&gt;-->
<!--      </el-col>-->
<!--    </el-row>-->
  </el-main>
</template>

<script>
import TreeNavigation from "./TreeNavigation";
import LeaveMessages from "./LeaveMessages";
// import MessageList from "./MessageList";
// import UserDetail from "./UserDetail";
/**
 * 模拟一个树形结构图
 */
export default {
  name: "mix",
  components: {
    TreeNavigation,
    LeaveMessages,
    // MessageList
    // HZMap
  },
  created() {
  },
  methods: {
  }
}

var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?e735dea075f1d7e30700ffa44340c362";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>

<style scoped>
.ttpp {
  font-size: 13px;
  color: #0a84ff;
}
</style>

